<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<link
			rel="stylesheet"
			href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css"
		/>
		<script
			src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"
			charset="utf-8"
		></script>
	</head>
	<body>
		<header id="header">
			<span> &lt; </span>
			<p>修改个人资料</p>
		</header>
		<main>
			<div class="weui-cells">
				<!-- 头像 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
						<span>更换头像</span>
					</span>
					<span class="weui-cell__ft" aria-hidden="true" id="protarit">
						<!-- 可以通过label将两个标签绑定 -->
						<label>
							<input type="file" id="avatorbox" style="display: none" />
							<img src="../../assets/images/dog.jpg" alt="" id="avator" />
						</label>
					</span>
				</div>
				<!-- 昵称 -->
				<div role="option" class="weui-cell">
					<div class="weui-cell__bd">
						<p>昵称</p>
					</div>
					<div class="weui-cell__ft">
						<input
							id="nickName"
							id="js_input1"
							class="weui-input"
							type="text"
							placeholder="请输入用户名"
						/>
					</div>
				</div>
				<!-- 性别 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>性别</span>
					</span>
					<span class="weui-cell__ft" id="gender">男</span>
				</div>

				<!-- 生日 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>生日</span>
					</span>
					<span class="weui-cell__ft" id="birthday"></span>
				</div>

				<!-- 所在省份 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在省份</span>
					</span>
					<span class="weui-cell__ft" id="province" data-value="0"></span>
				</div>

				<!-- 所在省份 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>所在城市</span>
					</span>
					<span class="weui-cell__ft" id="city" data-value="0"></span>
				</div>

				<!-- 个性签名 -->
				<div class="weui-cell weui-cell_access">
					<span class="weui-cell__bd">
						<span>个性签名</span>
					</span>
				</div>
				<div class="weui-cells weui-cells_form">
					<div class="weui-cell weui-cell_active">
						<div class="weui-cell__bd">
							<textarea
								id="textarea"
								class="weui-textarea"
								placeholder="请填写个人签名"
								rows="3"
								maxlength="20"
								data-value="0"
							></textarea>
							<div
								role="option"
								aria-live="polite"
								class="weui-textarea-counter"
							>
								<span id="num">0</span>/20
							</div>
						</div>
					</div>
				</div>

				<!-- 提交按钮 -->
				<div class="page__bd">
					<a href="#button_default" role="button" id="btn">提交修改</a>
				</div>
			</div>
		</main>
	</body>
</html>
